<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <title>拼图前端框架HTML模版</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./static/pintuer.css">
    <link rel="stylesheet" href="./static/my.css">
    <script src="./static/jquery.js"></script>
    <script src="./static/pintuer.js"></script>
</head>
<body>
<div class="container">
    <div align="center">
        <form action="#index.html" method="post">
            <div class="padding" style="width: 450px;text-align: left;">
                <div class="text-center">
                    <br>
                    <h2><strong>欢迎使用&nbsp;</strong></h2></div>
                <div class="" style="padding:30px;">
                    <div class="form-group">
                        <div class="field field-icon-right">
                            <input type="text" class="input" name="admin" placeholder="新的账号"
                                   data-validate="required:请填写账号,length#>=5:账号长度不符合要求"/>
                            <span class="icon icon-user"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="field field-icon-right">
                            <input type="password" class="input" name="password" placeholder="登录密码"
                                   data-validate="required:请填写密码,length#>=8:密码长度不符合要求"/>
                            <span class="icon icon-key"></span>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="field field-icon-right">
                            <input type="password" class="input" name="password" placeholder="确认密码"
                                   data-validate="required:请填写密码,length#>=8:密码长度不符合要求"/>
                            <span class="icon icon-key"></span>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="field">
                            <input type="text" class="input" name="passcode" placeholder="填写右侧的验证码"
                                   data-validate="required:请填写右侧的验证码"/>
                            <img src="http://www.pintuer.com/demo/pintuer2/images/passcode.jpg" width="80" height="32"
                                 class="passcode"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="field field-icon-right">
                            <a class="button input-file bg-green" href="javascript:void(0);">+ 上传头像<input size="100" type="file" name="logo" /></a>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="field">
                            <button class="button button-block bg-main text-big">立即注册</button>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="field text-center">
                            <p class="text-muted text-center"><a class="" href="#login.html">
                                <small>忘记密码了？| <a href="./index.html">返回首页</a></small>
                            </a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>
